<!DOCTYPE html>
<html>
<head>
	<title>测试</title>
	<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="layui/css/modules/layer/default/layer.css">
	<style type="text/css">
		.box{
			width: 200px;
			height: 100px;
			margin:10px auto;
			border:2px dashed blue;
		}
	</style>
</head>
<body>
	<div class="box" onclick='clickBtn()'></div>
</body> 
<script type="text/javascript" src='jquery.js'></script>
<script type="text/javascript" src='layui/layui.js'></script>
<script type="text/javascript" src='layui/lay/modules/layer.js'></script>
<script type="text/javascript">
	function clickBtn(){
		layer.msg(
			'测试'
		);
		// layer.alert(
		// 	'我爱你'
		// )
		//询问框
		/*layer.confirm('您是如何看待前端开发？', {
		  btn: ['重要','奇葩'] //按钮
		}, function(){
		  layer.msg('的确很重要', {icon: 1});
		}, function(){
		  layer.msg('也可以这样', {
		    time: 20000, //20s后自动关闭
		    btn: ['明白了', '知道了']
		  });
		});*/

		layer.confirm('你觉得我帅吗？',{
			btn : ['帅的很','丑死了']
		},function(){
			layer.msg('是吧，我也觉得',{icon:1});
		},function(){
			layer.msg('滚',{icon:2})
		})


	}

</script>
</html>